<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
<div class="input-group">
    <input type="text" class="form-control form-control-sm rounded-0"/>
    <div class="input-group-append">
        <span class="input-group-text py-0 px-2"></span>
        <button class="btn btn-sm btn-light rounded-0" type="button" title="Previous (Shift+Enter)">
            <i class="fa fa-chevron-up"></i>
        </button>
        <button class="btn btn-sm btn-light rounded-0" type="button" title="Next (Enter)">
            <i class="fa fa-chevron-down"></i>
        </button>
        <button class="btn btn-sm btn-light rounded-0" type="button" title="Close (Esc)">
            <i class="fa fa-times"></i>
        </button>
    </div>
</div>
</body>
</html>
